<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册register</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <!-- 中心内容 -->
    <div class="content">

        <!-- logo -->
        <a href="" class="logo">
            <div class="logo_img">
                <img src="../img/logo_login.png" alt="">
            </div>
            <span>注册账号</span>
        </a>

        <form action="" class="form">
            <!-- 导航 -->
            <div class="tab">
                <a href="javascript:" class="link_on">普通会员</a>
                <!-- <a href="" class="link">VIP会员</a> -->
            </div>


            <div class="form1">
                <!-- 表单样式一 -->

                <form action="" class="form1_one">

                    <div class="line1"></div>

                    <div class="md_input">
                        <div class="title">用户名</div>
                        <input class="control" type="text" id="username" name="usr_id" maxlength="32" value="" placeholder="请输入用户名">
                        <div class="required" id="username_msg">*</div>
                        <div class="usermsg usernamemsg">
                            用户名仅支持中文、字母、数字、“-”“_”的组合，6-20个字符
                        </div>
                    </div>

                    <div class="md_input">
                        <div class="title">密码</div>
                        <input class="control" type="password" id="userpass" name="usr_id" value="" placeholder="请输入密码">
                        <div class="required" id="userpass_msg">*</div>
                        <div class="usermsg userpassmsg">
                            密码: 数字字母特殊字符
                        </div>
                    </div>

                    <div class="md_input">
                        <div class="title">密码确认</div>
                        <input class="control" type="password" id="user2pass" name="usr_id" maxlength="32" value="" placeholder="请重新输入密码">
                        <div class="required" id="user2pass_msg">*</div>
                        <div class="usermsg user2passmsg">
                            密码不一致,请重新输入。
                        </div>
                    </div>

                    <div class="md_input">
                        <div class="title">电子邮件</div>
                        <input class="control" type="text" id="usreemail" name="usr_id" placeholder="请输入电子邮件">
                        <div class="required" id="usreemail_msg">*</div>
                        <div class="usermsg usreemailmsg">
                            邮件格式错误,请重新输入。
                        </div>
                    </div>

                    <div class="md_input">
                        <div class="title">手机号码</div>
                        <select name="" id="" class="control" style="width: 98px;">
                            <option value="CN">+86</option>
								<option value="HK">+852</option>
								<option value="MO">+853</option>
                        </select>
                        <input class="control" type="text" autocomplete="off" id="usrphone" name="usr_mob" maxlength="11" style="width:216px;margin-left:0px;height: 48px ;">
                        <div class="required" id="usrephone_msg">*</div>
                        <div id="usermsg" class="usermsg usrphonemsg" style="padding-left:190px;">请输入正确的手机号码</div>
                    </div>




                    <div class="com_input">
                        <div class="md_input" style="width: 290px;">
                            <div class="title">验证码</div>
                            <input class="control" type="text" id="usr_id" name="usr_id" maxlength="32" value="" placeholder="请输入验证码">
                            <!-- <div class="required">*</div> -->
                            <div class="usermsg">
                                邮件格式错误,请重新输入。
                            </div>
                        </div>
                        <!-- 验证码 -->
                        <!-- <img src="/common/captchaUuid/registerCaptchaImage?key=53441" alt=""> -->
                        <div class="yzm">6666</div>
                    </div>

                    <!-- <div class="com_input">
                        <div class="md_input" style="width: 290px;">
                            <div class="title">短信验证</div>
                            <input class="control" type="text" id="usr_id" name="usr_id" maxlength="6" value="" placeholder="请输入短信验证码">
                            
                        </div>
                       
                        <button class="ank">获取验证码</button>
                    </div> -->

                    <!-- <div class="com_input">
                        <div class="md_input" style="width: 290px;">
                            <div class="title">注册验证码</div>
                            <input class="control" type="text" id="usr_id" name="usr_id" maxlength="6" value="" placeholder="请输入短信验证码">
                            <div class="required">*</div>
                        </div>
                        按钮框
                        <div class="yzm">6868</div>
                    </div> -->

                    <!-- <div class="line2"></div> -->

                    <!-- <div class="md_input">
                        <div class="title">微信</div>
                        <input class="control" type="text" id="" name="" maxlength="11" value="" placeholder="请输入微信号码">
                    </div> -->

                    <!-- <div class="md_input">
                        <div class="title">QQ</div>
                        <input class="control" type="text" id="" name="" maxlength="11" value="" placeholder="请输入QQ号码">
                    </div> -->

                    <!-- <div class="md_input">
                        <div class="title">性别</div>
                        <select class="control" name="" style="color: white;">
                            <option value="F" selected="selected" >女</option>
                            <option value="M" >男</option>
                        </select>
                    </div> -->

                    <!-- <div class="md_input">
                        <div class="title">了解途径</div>
                        <select id="" class="control" name="" style="color: white;">
                            <option value="" selected="selected" >请选择</option>
                            <option value="朋友推荐" >朋友推荐</option>
                            <option value="通过百度" >通过百度</option>
                            <option value="通过微信" >通过微信</option>
                            <option value="其他" >其他</option>
                        </select>
                    </div> -->



                    <div class="bottom_button">
                        <span class="bottom_button_logo"></span>
                        <a class="bottom_button_pic" href="javascript:void(0);" id="msg_logo">《JAMY网站服务协议》</a>
                        <button class="cm-button" id="zcbutton" disabled="disabled">注册</button>
                    </div>




                </form>


            </div>

        </form>


    </div>
</body>
<script src="../js/jquery.js"></script>

<script src="../js/register.js"></script>

</html>